<template>
	<div class="addrress">
		<div class="head-top">
			<mt-header title="通讯录详情">
				<router-link to="addressbook" slot="left">
					<mt-button icon="back"></mt-button>
				</router-link>
			</mt-header>
		</div>

		<div class="main">
			<div class="imgs">
				<img src="../../../../static/myself/addressbook.png" alt="" />
			</div>
			<div class="name">{{list.uname||"--"}}</div>

			<div class="cells">
				<span>电话：</span>
				<span>{{list.phone||"--"}}</span>
			</div>

			<div class="cells">
				<span>邮箱：</span>
				<span>{{list.email||"--"}}</span>
			</div>

			<div class="cells">
				<span>职位：</span>
				<span>{{list.remark||"--"}}</span>
			</div>

			<div class="cells">
				<span>部门：</span>
				<span>{{list.department||"--"}}</span>
			</div>
			<div class="cells">
				<span>单位：</span>
				<span>{{list.enterprise||"--"}}</span>
			</div>
		</div>
	</div>
</template>

<script>
import api from "./../../../api/api.js";

export default {
  name: "addressbookDetails",
  data() {
    return {
      list: {}
    };
  },
  created() {
    // this.datavalue = this.formatDate(new Date().getTime());
    this.getdata();
  },
  methods: {
    getdata() {
      this.list = this.$route.params.ids;
    }
  }
};
</script>

<style scoped>
.main .imgs {
  width: 100%;
  box-sizing: border-box;
}

.main {
  /* display: ; */
  box-sizing: border-box;
}

.main .imgs img {
  max-width: 100%;
  height: auto;
  text-align: center;
}

.main .name {
  width: 100%;
  height: 44px;
  text-align: left;
  line-height: 44px;
  padding-left: 15px;
  font-size: 18px;
  box-sizing: border-box;
  color: #252525;
}

.main .cells {
  box-sizing: inherit;
  width: 100%;
  height: 44px;
  background-color: #fff;
  padding-left: 15px;
  text-align: left;
  line-height: 44px;
  margin-top: 2px;
  box-sizing: border-box;
  font-size: 15px;
  color: #a1a1a1;
}

.cells span:nth-of-type(2) {
  color: #252525;
}
</style>